body {
    background-color:rgb(115, 24, 199);
    color: gold;
    font-family: "Unkempt", cursive;
}


.ctext {
    text-align: center;
}

.cbutton {
    text-align: center;
    margin-left: center;
}

.container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

button.quizb {
    text-align: center;
    background-color: gold;
    color: rgb(115, 24, 199);
    padding: 20px 20px;
    border-color: goldenrod;
    font-size: 30px; 
    font-family: "DynaPuff", system-ui;

}

button.abyss {
    text-align: center;
    background-color: rgb(0, 0, 0);
    color: rgb(104, 5, 5);
    padding: 20px 20px;
    border-color: rgb(0, 0, 0);
    font-size: 30px; 
    font-family: "DynaPuff", system-ui;
}

.abyss {
    color: rgb(0, 0, 0);
}



body.abyss {
            /* 1. Foreground image, 2. Midground image, 3. Background image */
            background-image: url('Nostalgia.png');
            
            /* Corresponding positions for each image */
            background-position: top left;
            
            /* Corresponding repeat behaviors */
            background-repeat: repeat;
            
            /* Corresponding sizes */
            background-size: 150px;
        }
    
body.love {
            background-image: url('ubba.jpg');
            
            /* Corresponding positions for each image */
            background-position: top left;
            
            /* Corresponding repeat behaviors */
            background-repeat: repeat;
            
            /* Corresponding sizes */
            background-size: 150px;
}